{% extends './layout/default' %}

{% block breadcrumbs %}
    {{ Breadcrumbs.render(Route.getCurrentRoute.getName) }}
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        {{ 'list_all_attachments'|_ }}
                    </h3>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped sortable">
                        <thead>
                        <tr>
                            <th data-defaultsign="_19">&nbsp;</th>
                            <th data-defaultsign="az">{{ trans('list.file_name') }}</th>
                            <th data-defaultsign="_19">{{ trans('list.file_size') }}</th>
                            <th data-defaultsign="az">{{ trans('list.file_type') }}</th>
                            <th data-defaultsign="az">{{ trans('list.attached_to') }}</th>
                            <th data-defaultsign="_19">{{ trans('list.file_exists') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for att in set %}
                            <tr>
                                <td data-value="{{ att.id }}">
                                    <div class="btn-group btn-group-xs">
                                        <a href="{{ route('attachments.edit', att.id) }}" class="btn btn-default"><span class="fa fa-pencil"></span></a>
                                        <a href="{{ route('attachments.delete', att.id) }}" class="btn btn-danger"><span class="fa fa-trash"></span></a>
                                        <a href="{{ route('attachments.download', att.id) }}" class="btn btn-default"><span class="fa fa-download"></span></a>
                                    </div>
                                </td>
                                <td data-value="{{ att.filename }}">
                                    <a href="{{ route('attachments.view', att.id) }}" title="{{ att.filename }}">
                                        {{ att.filename }}
                                    </a>
                                </td>
                                <td data-value="{{ att.size }}">{{ att.size|filesize }}</td>
                                <td data-value="{{ att.mime }}">{{ att.mime }}</td>
                                <td data-value="{{ att.attachable_type }}_{{ att.attachable_id }}">
                                    {% if att.attachable_type == 'FireflyIII\\Models\\TransactionJournal' %}
                                        <a href="{{ route('transactions.show', [att.attachable_id]) }}">
                                            {{ att.attachable.description }}
                                        </a>
                                    {% else %}
                                        {{ att.attachable_type }}
                                    {% endif %}
                                </td>
                                <td data-value="{% if att.file_exists %}1{% else %}0{% endif %}">
                                    {% if att.file_exists %}
                                        <span class="fa fa-check text-success"></span>
                                    {% else %}
                                        <span class="fa fa-warning text-danger"></span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block scripts %}
    <script type="text/javascript" src="v1/js/lib/bootstrap-sortable.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
{% endblock %}

{% block styles %}
    <link rel="stylesheet" href="v1/css/bootstrap-sortable.css?v={{ FF_VERSION }}" type="text/css" media="all" nonce="{{ JS_NONCE }}">
{% endblock %}

